<!DOCTYPE html>
<html>
<head>
    <meta content="text/html" charset="utf-8">
    <title>{% block little %}{% endblock %}</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Fonts -->
    {#    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400' rel='stylesheet' type='text/css'>#}
    {#    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>#}
    <!-- CSS Libs -->
    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap-switch.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/checkbox3.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/jquery.dataTables.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/dataTables.bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/static/css/select2.min.css">
    <!-- CSS App -->
    <link rel="stylesheet" type="text/css" href="/static/css/style.css">
    <link rel="stylesheet" type="text/css" href="/static/css/themes/flat-blue.css">
</head>

<body class="flat-blue">
<div class="app-container">
    <div class="row content-container">
        <nav class="navbar navbar-default navbar-fixed-top navbar-top">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-expand-toggle">
                        <i class="fa fa-bars icon"></i>
                    </button>
                    <ol class="breadcrumb navbar-breadcrumb">
                        <li class="active">主页面板</li>
                    </ol>
                    <button type="button" class="navbar-right-expand-toggle pull-right visible-xs">
                        <i class="fa fa-th icon"></i>
                    </button>
                </div>
                <ul class="nav navbar-nav navbar-right">
                    <button type="button" class="navbar-right-expand-toggle pull-right visible-xs">
                        <i class="fa fa-times icon"></i>
                    </button>
                    <li class="dropdown profile"  style="top: 8px">

                        <form class="form-inline" action ="{% url "search_messages" %}" method="GET" target="_blank">
                            <select class="form-control" name="select">
                                <option value="i">IP</option>
                                <option value="w">wwn</option>
                                <option value="s">业务系统名称</option>
                            </select>
                            <div class="form-group">
                                <input type="text" name="mess" class="form-control" placeholder="请输入您要搜索的信息">
                            </div>
                            <button type="submit" class="btn btn-default">搜 索</button>
                        </form>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-comments-o"></i></a>
                        <ul class="dropdown-menu animated fadeInDown">
                            <li class="title">
                                告警信息 <span class="badge pull-right">0</span>
                            </li>
                            <li class="message">
                                幕友新的信息
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown danger">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-star-half-o"></i> 4</a>
                        <ul class="dropdown-menu danger  animated fadeInDown">
                            <li class="title">
                                告警信息2 <span class="badge pull-right">4</span>
                            </li>
                            <li>
                                <ul class="list-group notifications">
                                    <a href="#">
                                        <li class="list-group-item">
                                            <span class="badge">1</span> <i class="fa fa-exclamation-circle icon"></i> 信息详细1
                                        </li>
                                    </a>
                                    <a href="#">
                                        <li class="list-group-item">
                                            <span class="badge success">1</span> <i class="fa fa-check icon"></i>信息详细1
                                        </li>
                                    </a>
                                    <a href="#">
                                        <li class="list-group-item">
                                            <span class="badge danger">2</span> <i class="fa fa-comments icon"></i> 查看信息
                                        </li>
                                    </a>
                                    <a href="#">
                                        <li class="list-group-item message">
                                            view all
                                        </li>
                                    </a>
                                </ul>
                            </li>
                        </ul>
                    </li>

                    {% if user.is_authenticated %}
                        <li class="dropdown profile">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">{{ user.username }}<span class="caret"></span></a>
                            <ul class="dropdown-menu animated fadeInDown">
                                <li class="profile-img">
                                    {#                                    <img src="/static/img/profile/picjumbo.com_HNCK4153_resize.jpg" class="profile-img">#}
                                </li>
                                <li>

                                    <div class="profile-info">
                                        <h4 class="username">{{ user.username }}</h4>
                                        <p>emily_hart@email.com</p>
                                        <div class="btn-group margin-bottom-2x" role="group">
                                            <a type="button" class="btn btn-default"><i class="fa fa-user"></i> 属性</a>
                                            <a type="button" class="btn btn-default" href="{% url "logout" %}"><i class="fa fa-sign-out" ></i> 退出</a>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    {% else %}
                        <li href="{% url "auto_login" %}"class=" " >
                            <a href="{% url "auto_login" %}" class="" data-toggle=""  role="button" target="_blank">请登入</a>
                        </li>
                    {% endif %}
                </ul>
            </div>
        </nav>
        <div class="side-menu sidebar-inverse">
            <nav class="navbar navbar-default" role="navigation">
                <div class="side-menu-container">
                    <div class="navbar-header">
                        <a class="navbar-brand" href="#">
                            <div class="icon fa fa-paper-plane"></div>
                            <div class="title">菜单管理</div>
                        </a>
                        <button type="button" class="navbar-expand-toggle pull-right visible-xs">
                            <i class="fa fa-times icon"></i>
                        </button>
                    </div>
                    <ul class="nav navbar-nav">
                        <li class="active">
                            <a href="/">
                                <span class="icon fa fa-tachometer"></span><span class="title">主 面 板</span>
                            </a>
                        </li>
                        <li class="panel panel-default dropdown">
                            <a data-toggle="collapse" href="#dropdown-element">
                                <span class="icon fa fa-file-text-o"></span><span class="title">光 交 管 理</span>
                            </a>
                            <!-- Dropdown level 1 -->
                            <div id="dropdown-element" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="nav navbar-nav">
                                        <li><a href="/sanlink/">查看光交信息</a>
                                        </li>
                                        <li><a href="{% url "san_log" %}">查看光交日志</a>
                                        </li>
                                        <li><a href="{% url "san_port_tables" %}">光交历史流量查看</a></li>
                                        <li><a href="{% url "san_port_err_tables" %}">光交报错图</a></li>
                                        {% if perms.san %}
                                            <li><a href="{% url "san_liuliang_import" %}">光交流量导入</a></li>
                                        {% endif %}
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="panel panel-default dropdown">
                            <a data-toggle="collapse" href="#dropdown-table">
                                <span class="icon glyphicon glyphicon-hdd"></span><span class="title">存 储 管 理</span>
                            </a>
                            <!-- Dropdown level 1 -->
                            <div id="dropdown-table" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="nav navbar-nav">
                                        <li><a href="/storage/">查看存储</a>
                                        </li>
                                        <li><a href="/storage_log/">查看存储日志</a>
                                        </li>
                                        <li><a href="{% url "storagetables" %}">存储逻辑使用图</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="panel panel-default dropdown">
                            <a data-toggle="collapse" href="#dropdown-form">
                                <span class="icon fa fa-desktop"></span><span class="title">主 机 管 理</span>
                            </a>
                            <!-- Dropdown level 1 -->
                            <div id="dropdown-form" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="nav navbar-nav">
                                        <li><a href="{% url "host" %}">查看主机</a>
                                        </li>
                                        <li><a href="{% url "addhost" %}">添加主机</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>

                        <!-- Dropdown-->
                        <li class="panel panel-default dropdown">
                            <a data-toggle="collapse" href="#component-example">
                                <span class="icon fa fa-cubes"></span><span class="title">操 作 管 理</span>
                            </a>
                            <!-- Dropdown level 1 -->
                            <div id="component-example" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="nav navbar-nav">
                                        <li><a href="{% url "work_manager" %}">需求管理</a>
                                        </li>
                                        <li><a href="{% url "faults_manager" %}">硬件更换管理</a>
                                        </li>
                                        <li><a href="">知识库管理</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <!-- Dropdown-->
                        <li class="panel panel-default dropdown">
                            <a data-toggle="collapse" href="#dropdown-example">
                                <span class="icon fa fa-slack"></span><span class="title">性 能 管 理</span>
                            </a>
                            <!-- Dropdown level 1 -->
                            <div id="dropdown-example" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="nav navbar-nav">
                                        <li><a href="{% url "Hot_wwn" %}">热点业务排行</a>
                                        </li>
                                        {% if perms.san %}
                                            <li><a href="{% url "Caiji" %}">存储光交数据实时采集</a>
                                            </li>
                                        {% endif %}
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="panel panel-default dropdown">
                            <a data-toggle="collapse" href="#dropdown-example1">
                                <span class="icon fa fa-slack"></span><span class="title">备 份 管 理</span>
                            </a>
                            <!-- Dropdown level 1 -->
                            <div id="dropdown-example1" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="nav navbar-nav">
                                        <li><a href="">vmware备份信息</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>

                        <li class="panel panel-default dropdown">
                            <a data-toggle="collapse" href="#component-example3">
                                <span class="icon fa fa-cubes"></span><span class="title">业 务 管 理</span>
                            </a>
                            <!-- Dropdown level 1 -->
                            <div id="component-example3" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="nav navbar-nav">
                                        <li><a href="{% url "yewu" %}">业务查询</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        {% if perms.san %}
                            <li>
                                <a href="/admin/" target="_blank">
                                    <span class="icon glyphicon glyphicon-cog"></span><span class="title">后 台 管 理</span>
                                </a>
                            </li>
                        {% endif %}
                        <li>
                            <a>
                                <span class="icon fa fa-thumbs-o-up"></span><span class="title">关 于</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </nav>
        </div>
        <!-- Main Content -->
        <div class="modal fade" tabindex="-1" role="dialog" id="waitting">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
{#                    <div class="modal-header">#}
{#                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>#}
{#                        <h4 class="modal-title">更新光交信息</h4>#}
{#                    </div>#}
                    <div class="modal-body">
                        <p id="san_err">更新中,请等待&hellip;</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                            </div>
                        </div>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
        {% block content %}
        {% endblock %}
    </div>
    <footer class="app-footer">
        <div class="wrapper">
            <span class="pull-right">2.1 <a href="#"><i class="fa fa-long-arrow-up"></i></a></span>  © 2017@懒散的猫头鹰
        </div>
    </footer>
    <div>
        <!-- Javascript Libs -->
        <script type="text/javascript" src="/static/js/jquery.min.js"></script>
        <script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
        {#        <script type="text/javascript" src="/static/js/Chart.min.js"></script>#}
        <script type="text/javascript" src="/static/js/bootstrap-switch.min.js"></script>
        <script type="text/javascript" src="/static/js/jquery.matchHeight-min.js"></script>
        <script type="text/javascript" src="/static/js/jquery.dataTables.min.js"></script>
        <script type="text/javascript" src="/static/js/dataTables.bootstrap.min.js"></script>
        <script type="text/javascript" src="/static/js/select2.full.min.js"></script>
        <script type="text/javascript" src="/static/js/ace/ace.js"></script>
        <script type="text/javascript" src="/static/js/ace/mode-html.js"></script>
        <script type="text/javascript" src="/static/js/ace/theme-github.js"></script>
        <script type="text/javascript" src="/static/js/echarts.min.js"></script>
        <!-- Javascript -->
        {% block js %}{% endblock %}
        <script type="text/javascript" src="/static/js/app.js"></script>
        <script type="text/javascript" src="/static/js/index.js"></script>

    </div>
</div>
</body>

</html>
